.b-home-container{
  .bg,
  .bg-nav{
    background-size: 100% auto !important;
  }

  .nav-left{
    @include flex;
    @include a-center;
    color: #FFF;
    font-size: 36rpx;
    padding-left: 24rpx;

    .icon{
      width: 40rpx;
      height: 44px;
    }
  }
  .nav-right{
    padding-right: 110px;
    /* #ifdef H5 */
    padding-right: 24rpx;
    /* #endif */
    .icon{
      width: 40rpx;
      height: 44px;
    }
  }
  .search-block{
    padding: 14rpx 30rpx 24rpx;
  }
  .banner-block{
    padding: 14rpx 30rpx 0;
    .banner{
      height: 280rpx;
    }
  }
  .bg-block{
    background: linear-gradient(#fff,#f5f5f5);
  }
  .platform-list{
    @include flex;

    .platform-item{
      @include sub-item;
      color: #333;
      font-size: 32rpx;
      font-weight: bold;
      line-height: 88rpx;
      text-align: center;
      position: relative;

      &.active{
        color: #EB050A;
        &::after{
          content: '';
          width: 60rpx;
          height: 10rpx;
          left: 50%;
          margin-left: -30rpx;
          bottom: 6rpx;
          position: absolute;
          background: url('https://asset-uat.bisinuolan.cn/bixuan_uni/images/biHuaSuan/icon_tab_active.png') no-repeat;
          background-size: 100% auto;
        }
      }
    }
  }
  .category-list{
    .category-item{
      color: $color-title;
      font-size: 30rpx;
      font-weight: bold;
      line-height: 88rpx;
      padding: 0 18rpx;
      display: inline-block;
      position: relative;

      &.active{
        color: #EB050A;
        font-size: 38rpx;
        &::after{
          content: '';
          width: 60rpx;
          height: 10rpx;
          left: 50%;
          margin-left: -30rpx;
          bottom: 6rpx;
          position: absolute;
          background: url('https://asset-uat.bisinuolan.cn/bixuan_uni/images/biHuaSuan/icon_tab_active.png') no-repeat;
          background-size: 100% auto;
        }
      }
    }
  }
  .goods-block{
    padding: 12rpx;
    background: $color-background;
    box-sizing: border-box;
    .goods-item{
      width: 50%;
      padding: 12rpx;
      box-sizing: border-box;
      display: inline-block;
    }
    .goods-item-wrapper{
      background: #fff;
      border-radius: 20rpx;
      overflow: hidden;

      .goods-img{
        height: 0;
        padding-bottom: 100%;
        position: relative;

        image{
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          position: absolute;
        }
      }
      .goods-detail{
        padding: 20rpx 12rpx;
        .goods-name{
          @include text-ellipsis-line;
          line-height: 40rpx;
          height: 80rpx;
          font-size: 24rpx;

          .platform{
            color: #FFF;
            font-size: 18rpx;
            line-height: 28rpx;
            border-radius: 6rpx;
            padding: 0 4rpx;
            margin-right: 8rpx;
            margin-top: -4rpx;
            vertical-align: middle;
            display: inline-block;
            background: #F20219;

            &.platform-VOP{
              background: #E1017E;
            }
          }
        }
        .goods-discount{
          padding: 12rpx 0;
          .coupon,
          .commission{
            font-size: 24rpx;
            line-height: 36rpx;
            display: inline-block;
          }
          .coupon{
            color: #fff;
            padding: 0 10rpx 0 20rpx;
            // background: #F20219;
            background-size: 100% 100%;
            margin: 0 10rpx 0 12rpx;
            position: relative;
          }
          .commission{
            color: #F20219;
            padding: 0 8rpx;
            border: 1px solid #F20219;
            border-radius: 5rpx;
          }
        }
        .goods-price,
        .original-price{
          &::before{
            content: '￥';
            font-size: 24rpx;
          }
        }
        .goods-price{
          color: #F20219;
          font-size: 32rpx;
          padding: 12rpx 0;
          font-weight: bold;
          .discount-text{
            font-size: 24rpx;
            line-height: 1;
            margin-left: 8rpx;
            display: inline-block;
          }
        }
        .original-price{
          text-decoration: line-through;
        }
        .other{
          @include flex;
          @include j-between;
          color: #999;

          .month-sales{
            @include text-ellipsis;
          }
        }
      }
    }
  }
}